<#--<!DOCTYPE html>-->
<#--<html lang="zh">-->

<#--<head>-->

    <#--<meta charset="UTF-8">-->
    <#--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <#--<meta http-equiv="X-UA-Compatible" content="ie=edge">-->
    <#--<title>页面</title>-->
    <#--<script src="http://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/loading.js"></script>-->
    <#--<link href="http://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/lib/theme-chalk/index.css" rel="stylesheet">-->


<#--</head>-->

<#--<body>-->
<#--<div id="app">-->
    <#--<el-container>-->
        <#--<el-header>-->
            <#--<el-breadcrumb separator-class="el-icon-arrow-right">-->
                <#--<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>-->
                <#--<el-breadcrumb-item>授权管理</el-breadcrumb-item>-->
                <#--<el-breadcrumb-item>角色管理</el-breadcrumb-item>-->
                <#--<el-breadcrumb-item>角色添加</el-breadcrumb-item>-->
            <#--</el-breadcrumb>-->
        <#--</el-header>-->
        <#--<el-main>-->
            <#--<el-form ref="roleForm" :model="roleForm" :rules="rules" label-width="80px">-->
                <#--<el-form-item label="角色名称" prop="name">-->
                    <#--<el-input v-model="roleForm.name"></el-input>-->
                <#--</el-form-item>-->
                <#--<el-tree :data="treeData" show-checkbox default-expand-all node-key="id" ref="tree"-->
                         <#--highlight-current :props="defaultProps">-->
                <#--</el-tree>-->
                <#--<el-form-item>-->
                    <#--<el-button type="primary" @click="submitForm('roleForm')">立即创建</el-button>-->
                    <#--<a onclick="javascript:history.back(-1);">-->
                        <#--<el-button>返回</el-button>-->
                    <#--</a>-->
                <#--</el-form-item>-->
            <#--</el-form>-->

        <#--</el-main>-->

    <#--</el-container>-->
<#--</div>-->

<#--<script src="http://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/dist/vue.js"></script>-->
<#--<script src="http://pinzafile.oss-cn-shanghai.aliyuncs.com/vue-element/lib/index.js"></script>-->
<#--<script src="http://pinzafile.oss-cn-shanghai.aliyuncs.com/publiccss/assets/global/plugins/jquery.min.js" type="text/javascript"></script>-->

<#--<script>-->
    <#--new Vue({-->
        <#--el: '#app',-->
        <#--data() {-->
            <#--return {-->
                <#--//表单内容-->
                <#--roleForm: {-->
                    <#--name: '',-->
                    <#--tree: [],-->
                <#--},-->
                <#--//表单字段验证项-->
                <#--rules: {-->
                    <#--name: [{-->
                        <#--required: true,-->
                        <#--message: '请填写角色名称',-->
                        <#--trigger: 'blur'-->
                    <#--}]-->
                <#--},-->
                <#--treeData: [{-->
                    <#--id: 1,-->
                    <#--label1: '一级 1',-->
                    <#--children: [{-->
                        <#--id: 4,-->
                        <#--label1: '二级 1-1',-->
                        <#--children: [{-->
                            <#--id: 9,-->
                            <#--label1: '三级 1-1-1'-->
                        <#--}, {-->
                            <#--id: 10,-->
                            <#--label1: '三级 1-1-2'-->
                        <#--}]-->
                    <#--}]-->
                <#--}, {-->
                    <#--id: 2,-->
                    <#--label1: '一级 2',-->
                    <#--children: [{-->
                        <#--id: 5,-->
                        <#--label1: '二级 2-1'-->
                    <#--}, {-->
                        <#--id: 6,-->
                        <#--label1: '二级 2-2'-->
                    <#--}]-->
                <#--}, {-->
                    <#--id: 3,-->
                    <#--label1: '一级 3',-->
                    <#--children: [{-->
                        <#--id: 7,-->
                        <#--label1: '二级 3-1'-->
                    <#--}, {-->
                        <#--id: 8,-->
                        <#--label1: '二级 3-2'-->
                    <#--}]-->
                <#--}],-->
                <#--defaultProps: {-->
                    <#--children: 'children',-->
                    <#--label: 'label1'-->
                <#--}-->

            <#--}-->
        <#--},-->
        <#--methods: {-->
            <#--resetForm(formName) {-->
                <#--this.$refs[formName].resetFields();-->
            <#--},-->
            <#--submitForm(formName) {-->
                <#--var vueTemp=this;-->
                <#--//获取当前被选中的树的节点的ID值,放入data-->
                <#--var temp =vueTemp.roleForm-->
                <#--temp.tree=vueTemp.$refs.tree.getCheckedKeys();-->

                <#--//表单验证-->
                <#--this.$refs[formName].validate(async function (valid) {-->
                    <#--if (valid) {-->
                        <#--//提交-->
                        <#--var response = await axios.post("http://www.baidu.com", temp)-->
                    <#--} else {-->
                        <#--console.log('error submit!!');-->
                        <#--return false;-->
                    <#--}-->
                <#--});-->
            <#--},-->
        <#--},-->
    <#--})-->
<#--</script>-->

<#--</body>-->

<#--</html>-->